<!DOCTYPE html>
<html>
<head>
{#<style>#}
{#  #map_canvas { width: 500px; height: 400px; }#}
{#</style>#}
{##}
{#<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>#}
{#<script type="text/javascript">#}
{#var map;#}
{##}
{#var layer;#}
{#var tableid = {{ tableId }};#}
{##}
{#function initialize() {#}
{#  map = new google.maps.Map(document.getElementById('map_canvas'), {#}
{#    center: new google.maps.LatLng(40.14472135665691, -44.78593826293945),#}
{#    zoom: 1,#}
{#    mapTypeId: google.maps.MapTypeId.ROADMAP#}
{#  });#}
{##}
{#  layer = new google.maps.FusionTablesLayer( {{ tableId }} );#}
{#  layer.setQuery("SELECT 'location' FROM " + {{ tableId }} );#}
{#  layer.setMap(map);#}
{#    #}
{#    layer = new google.maps.FusionTablesLayer({#}
{#      query: {#}
{#        select: 'Geocodable address',#}
{#        from: '139529'#}
{#      }#}
{#    });#}
{#    layer.setMap(map);#}
{#  }#}
{#}#}
{#</script>#}
{##}
{#</head>#}
{#<body onload="initialize();">#}
{#<div id="map_canvas"></div>#}
</head>
<body onload="initialize();">
<div style="text-align: center;">
    <iframe width="750px" height="600px" scrolling="no"  src="http://www.google.com/fusiontables/embedviz?viz=MAP&q=select+col2+from+{{ tableId }}+where+col0+%3D+'{{ userId }}'&h=false&lat=17.566554850293496&lng=-35.02491325&z=3&t=1&l=col2"></iframe>
</div>
<br><br>
<div style="text-align: center;">
    <i>The following friends have not made their location public: {{ privateLocationFriends }} </i>
</div>
</body>
</html>